<template>
  <div>
    <el-table
      v-loading="listLoading"
      :data="list"
      element-loading-text="Loading"
      border
      fit
      :header-row-class-name="'table-header'"
      class="doumee-element-table"
    >
      <el-table-column align="center" label="场馆名称" prop="venueName" min-width="200" />
      <el-table-column align="center" label="时间" prop="time" min-width="200" />
      <el-table-column align="center" label="进场总数(人次)" prop="totlEntries" min-width="140" />
      <el-table-column align="center" label="出场总数(人次)" prop="totlOut" min-width="140" />
    </el-table>
    <!-- <Pagination
      :total="totalCount"
      :page="pagination.page"
      @current-change="getList"
      @SizeChange="handleSizeChange"
    /> -->
  </div>
</template>

<script>
// import { crowdedAllCount } from '@/api'
// import { parseTime } from '@/utils'
// import Pagination from '@/components/paginations'
export default {
  // components: {
  //   Pagination
  // },
  props: {
    filters: {
      type: Object,
      default: () => {}
    },
    list: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      totalCount: 0,
      pagination: {
        page: 1,
        rows: 10
      },
      listLoading: false
    }
  },
  methods: {
    // handleSizeChange(value) {
    //   this.pagination.rows = value
    //   this.getList(1)
    // },
    // getList() {
    //   this.listLoading = false
    //   const { filters } = this
    //   crowdedAllCount({ param: { ...filters }}).then(res => {
    //     this.listLoading = false
    //     if (res.errorCode === '000000') {
    //       this.list = res.recordList || []
    //       // this.totalCount = res.totalCount
    //     }
    //   }).catch(() => {
    //     this.listLoading = false
    //   })
    // }
  }
}
</script>
